// 调用该函数返回一段html代码
function teacherLeftMenu(){
    return `<div class="row mt-5">
    <img style="width: 6rem;height: 6rem;" class="img-thumbnail mx-auto d-block rounded-circle"
        src="../scss/imgs/豪豪.jpg" alt="头像">
</div>
<div class="row mt-3">
    <h3 class="text-center">豪豪传媒</h3>
</div>
<div class=" mt-3 d-flex justify-content-around">
    <a href="#" class="btn btn-outline-primary rounded-pill btn-sm">账号管理</a>
    <a href="#" class="btn btn-outline-warning rounded-pill btn-sm">输入邀请码</a>
</div>
<!-- 菜单导航 -->
<ul class="list-group mt-3">
    <li class="list-group-item border border-0">
        <a class="link-secondary" href="#">
            <i class="bi bi-mortarboard-fill"></i>
            学期教学
        </a>
    </li>
    <li class="list-group-item border border-0">
        <a class="link-secondary" href="/teacher">
            <i class="bi bi-mortarboard-fill"></i>
            课程
        </a>
    </li>
    <li class="list-group-item border border-0">
        <a class="link-secondary" href="#">
            <i class="bi bi-mortarboard-fill"></i>
            教学
        </a>
    </li>
    <li class="list-group-item border border-0">
        <a class="link-secondary" href="/teacher/depart.html">
            <i class="bi bi-envelope-paper-fill"></i>
            系部管理
        </a>
    </li>
    <li class="list-group-item border border-0">
        <a class="link-secondary" href="/teacher/class.html">
            <i class="bi bi-people-fill"></i>
            班级管理
        </a>
    </li>
    <li class="list-group-item border border-0">
        <a class="link-secondary" href="#">
            <i class="bi bi-chat-dots"></i>
            消息
        </a>
    </li>
    <li class="list-group-item border border-0">
        <a class="link-secondary" href="#">
            <i class="bi bi-download"></i>
            下载中心
        </a>
    </li>
</ul>`;
}
let leftmenu =  teacherLeftMenu();

// console.log($(leftmenu));
// 使用jQuery的DM操作将html替换到左侧菜单栏
$("#leftmenu").append($(leftmenu))